<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>金科集美御峰</title>
<meta name="keywords" content="金科集美御峰" />
<link rel="shortcut icon" href="images/favicon.ico"/>
<link href="images/style.css" rel="stylesheet" type="text/css" />
<style type="text/css">
  #phone {width: 1080px;left: 42.6%;}
  /*#baoming-small {left: 55.3%;}*/
  .bm-vip{float: right;font-size: 40px;color: #fff;}
</style>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript">
  var hotline = "4001816611,1077";
</script>
<?php $time=time();?>
</head>

<body style="background:#fff">
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_01.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_02.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_03.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_04.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_05.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_06.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_07.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_08.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_09.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_10.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_11.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_12.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_13.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_14.jpg?_t=<?=time();?>"></div>
<div class="banner" style="text-align: center; background-image: url('images/loading.gif'); background-position:center; background-repeat: no-repeat; height: 600px;" data-src="img/banner_15.jpg?_t=<?=time();?>"></div>

<div id="copyright" style="height: auto"><table border="0" cellspacing="0" cellpadding="0">
  <tbody>
    <tr>
      <td>©2019&nbsp;道合晟宇&nbsp;&nbsp;专业提供楼盘信息&nbsp;&nbsp;<br />
道合晟宇&nbsp;版权所有&nbsp;京ICP备19007607号-1</td>
      <td><img src="http://www.daoheshengyu.com/skin/css/img/logo.png" /></td>
		
    </tr>
  </tbody>
</table>

</div>
<div id="baoming-big">
	<div class="bg"></div>
    <table border="0" cellspacing="0" cellpadding="0">
      <tbody>
        <tr>
          <td rowspan="2"><img src="images/bm-logo.png?_t=<?=time();?>" width="312" height="130" alt=""/></td>
          <td height="70">
            <div class="bm-vip">4001816611,1077</div>
            <img src="images/bm-vip.png?_t=<?=time();?>" height="63" alt=""/>
          </td>
          <td rowspan="2" valign="top"><a href="javascript:;" onClick="baomingtab()"><img src="images/bm-hide.png" width="33" height="29" alt=""/></a></td>
        </tr>
        <tr>
          <td valign="top"><ul>
             <li><input style="width:150px;" name="name" data-required="required" data-pattern=".*" placeholder="请输入您的姓名"></li>
             <li><input style="width:150px;" name="tele" data-required="required" data-pattern="1\d{10}$" placeholder="请输入您的手机号码"></li>
             <li><a href="javascript:;" id="gotosave_bt" class="submit">立即报名</a></li>
             </ul></td>
          </tr>
      </tbody>
    </table>
	
</div>

<div id="phone">
  <div class="bg"></div>
  <table border="0" cellspacing="0" cellpadding="0">
    <tr>
      <td height="63">
        <div class="bm-vip">4001816611,1077</div>
        <img src="images/bm-vip.png?_t=<?=time();?>" height="63" alt=""/>
      </td>
    </tr>
  </table>
</div>

<div id="gotosave_bt"><a href="javascript:;"><img src="images/bm-show.png?_t=<?=time();?>" width="111" height="80" alt=""/></a></div>
<script type="text/javascript">
function baomingtab() {
  var tabs=["baoming-big","baoming-small","phone","copyright"];

  if(document.getElementById(tabs[0]).style.display=="block"){
    document.getElementById(tabs[0]).style.display="none";
    document.getElementById(tabs[1]).style.display="block";
    document.getElementById(tabs[2]).style.display="block";
    document.getElementById(tabs[3]).style.height="150px";
  }else{
    document.getElementById(tabs[0]).style.display="block";
    document.getElementById(tabs[1]).style.display="none";
    document.getElementById(tabs[2]).style.display="none";
    document.getElementById(tabs[3]).style.height="200px";

  }
}

</script>
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/layui-layer@1.0.9/dist/layer.js"></script>
<script type="text/javascript" src="js/tongji.js?_t=<?=time();?>"></script>
<script src="https://cdn.jsdelivr.net/npm/lazyload@2.0.0-rc.2/lazyload.min.js"></script>
<script>
  
  $(".banner").lazyload({
      event : "click"
  });
  // $(window).bind("load", function() {    
  //   var timeout = setTimeout(function() {
  //     $("img").trigger("sporty")
  //     console.log("123");
  //   }, 5000);    
  // }); 
  function sporty(){
    console.log("321");
  }
// window.addEventListener("load", function(event) {
//     let images = document.querySelectorAll("[data-src]");
//     let lazy = lazyload(images, {"src": "data-src"});
//     console.log(images);
// });
</script>
<script type="text/javascript">
  window.onscroll = function(){
    $(".banner").each(function(){
        var img=$(this);
        var url=$(this).css('backgroundImage');
        // console.log(url);
        s = url.match(/url\((.*?)\)/);
        url =s[1];
        if(url[0]=="\""){url = url.slice(1,-1)}
        //url=url.substring(5,url.length - 2);
        //console.log(url);
        $("<img/>").attr("src", url).load(function() {
            realWidth = this.width;
            realHeight = this.height;
            //如果真实的宽度大于浏览器的宽度就按照100%显示
            img.css("height",realHeight+"px");
        });
    });
  }
  
  $(function(){
    $(".bm-vip").html(hotline.replace(',','转'));
  });
</script>
</body>
</html>
